<!--[if $crpcalendar_userlist_image]-->
<!--[pnajaxheader modname="crpCalendar" nobehaviour=true noscriptaculous=true]-->
<!--[/if]-->
<!--[pnpageaddvar name="javascript" value="modules/crpCalendar/pnjavascript/tablesort.js"]-->
<!--[include file="crpcalendar_user_menu.htm"]-->

<table class="z-datatable">

    <caption>
        <p>
            <!--[pnusergetvar name=uname uid=$uid]--> <!--[gt text="attendance to events"]-->
        </p>
        <!--[if pnModAvailable("Avatar") && $user_avatar neq '']-->
        <img src="<!--[pnmodgetvar module="Avatar" name="avatardir"]-->/<!--[$user_avatar]-->" alt="Avatar" />
        <!--[elseif $user_avatar neq '']-->
        <img src="images/avatar/<!--[$user_avatar]-->" alt="Avatar" />
        <!--[else]-->
        <!--[pnimg modname='crpCalendar'  src="blank.jpg" __alt='No avatar selected']-->
        <!--[/if]-->
    </caption>

    <thead>
        <tr>
            <!--[if $crpcalendar_userlist_image]-->
            <th class="crpcalendar_w1"><!--[gt text="Images"]--></th>
            <!--[/if]-->
            <th class="sortable"><!--[gt text="Title"]--></th>
            <th class="crpcalendar_w3"><!--[gt text="Event detail"]--></th>
        </tr>
    </thead>

    <tbody>
        <!--[foreach from=$events item=event]-->
        <tr class="<!--[cycle values="z-odd,z-even"]-->">

            <!--[if $crpcalendar_userlist_image]-->
            <td>
                <!--[if $event.image]-->
                <div class="crpcalendar_image" style="width:<!--[$userlist_width+2]-->px">
                    <a href="<!--[pnmodurl modname="crpCalendar" type="user" func="display" eventid=$event.eventid]-->" title="<!--[$event.title]-->">
                        <!--[if $crpcalendar_use_gd eq '1']-->
                        <img src="<!--[pnmodurl modname="crpCalendar" type="user" func="get_thumbnail" eventid=$event.eventid width=$userlist_width]-->" alt="<!--[$event.title]-->" title="<!--[$event.title]-->"/>
                        <!--[else]-->
                        <img src="<!--[pnmodurl modname="crpCalendar" type="user" func="get_image" eventid=$event.eventid]-->" alt="<!--[$event.title]-->" title="<!--[$event.title]-->" width="<!--[$userlist_width]-->px"/>
                        <!--[/if]-->
                    </a>
                    <span class="crpcalendar_caption"><!--[$event.image_caption|truncate:"32"]--></span>
                </div>
                <!--[/if]-->
            </td>
            <!--[/if]-->

            <td>
                <div class="vevent">
                    <div>
                        <!--[if $event.__CATEGORIES__.Main._Attributes__.Color]--><span  style="background-color:<!--[$event.__CATEGORIES__.Main._Attributes__.Color]-->">&nbsp;&nbsp;</span><!--[/if]-->
                        <a href="<!--[pnmodurl modname="crpCalendar" type="user" func="display" eventid=$event.eventid]-->" title="<!--[$event.title]-->">
                            <span class="<!--[if $event.start_date > date("Y-m-d")]-->crpcalendar-upcoming<!--[/if]--> summary">
                                <!--[$event.title|pnvarprephtmldisplay]-->
                            </span>
                        </a>
                        <!--[if $enablecategorization]-->
                        <!--[foreach from=$event.__CATEGORIES__ item=cat]-->
                        <strong>&middot;</strong> <!--[gt text="Category"]-->: <span class="category"><!--[$cat.display_name.$lang]--></span>
                        <!--[/foreach]-->
                        <!--[/if]-->
                    </div>
                    <div>
                        <!--[gt text="Posted on"]--> <abbr class="dtstamp" title="<!--[$event.cr_date|pndate_format:"%Y%m%dT%H%MZ"]-->"><!--[$event.cr_date|pndate_format]--></abbr>
                        <!--[gt text="by"]--> <span class="uid"><!--[$event.cr_uid|userprofilelink]--></span>
                    </div>
                    <!--[if !$event.day_event]-->
                    <div>
                        <!--[gt text="Start date"]-->: <strong><abbr class="dtstart" title="<!--[$event.start_date|pndate_format:"%Y%m%dT%H%MZ"]-->"><!--[$event.start_date|pndate_format:$complete_date_format]--></abbr></strong>
                        <strong>&middot;</strong> <!--[gt text="End date"]-->: <strong><abbr class="dtend" title="<!--[$event.end_date|pndate_format:"%Y%m%dT%H%MZ"]-->"><!--[$event.end_date|pndate_format:$complete_date_format]--></abbr></strong>
                    </div>
                    <!--[else]-->
                    <div>
                        <!--[gt text="Start date"]-->: <strong><abbr class="dtstart" title="<!--[$event.start_date|pndate_format:"%Y%m%d"]-->"><!--[$event.start_date|pndate_format:$only_date_format]--></abbr></strong>
                        <span class="z-hide"><strong>&middot;</strong> <!--[gt text="End date"]-->: <strong><abbr class="dtend" title="<!--[$event.end_date|pndate_format:"%Y%m%d"]-->"><!--[$event.end_date|pndate_format:$only_date_format]--></abbr></strong></span>
                    </div>
                    <!--[/if]-->
                </div>
            </td>

            <td>
                <!--[assign var="options" value=$event.options]-->
                <!--[section name=options loop=$options]-->
                <a href="<!--[$options[options].url|pnvarprepfordisplay]-->"><!--[pnimg modname='core' set='icons/extrasmall' src=$options[options].image alt=$options[options].title title=$options[options].title]--></a>
                <!--[/section]-->
            </td>

        </tr>
        <!--[/foreach]-->
    </tbody>
</table>
<!--[pager rowcount=$pager.numitems limit=$pager.itemsperpage posvar=startnum shift=1 img_prev=images/icons/extrasmall/previous.gif img_next=images/icons/extrasmall/next.gif]-->
